<template>
  <div>
    <h2>Music</h2>
    <ul>
      <li v-for="item in list" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Music",
  computed:{
    list(){
      switch(this.$route.params.id){
        case"1":
        return["华语1","华语2","华语3"]
        case"2":
        return["粤语1","粤语2","粤语3"]
        case"3":
        return["英语1","英语2","英语3"]
        default:
          return[]
      }
    }
  }
};
</script>

<style>
</style>